<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>bootsrap的表格样式</title>
		<!-- Bootstrap core CSS -->
		<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
		<!-- Optional Bootstrap Theme -->
		<link href="data:text/css;charset=utf-8," data-href="bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
		<!-- Bootstrap core CSS end-->
		<style>
			body {
				margin: 0px;
				padding: 0px;
			}
			
			#containter {
				margin: 0px auto;
				width: 800px;
				background-color: aliceblue;
				display: block;
			}
		</style>

		<!-- Bootstrap core JavaScript-->

		<!-- Placed at the end of the document so the pages load faster -->
		<!--<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>-->
		<script src="jquery/jquery.min-1.12.4.js"></script>		
		<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<!-- Bootstrap core JavaScript end-->
	</head>

	<body>
		<div id="containter">
			<table class="table table-condensed">
				<thead>
					<tr>
						<th>#</th>
						<th>First Name</th>
						<th>Last Name</th>
						<th>Username</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<th scope="row">1</th>
						<td>Mark</td>
						<td>Otto</td>
						<td>@mdo</td>
					</tr>
					<tr>
						<th scope="row">2</th>
						<td>Jacob</td>
						<td>Thornton</td>
						<td>@fat</td>
					</tr>
					<tr>
						<th scope="row">3</th>
						<td>Larry</td>
						<td>the Bird</td>
						<td>@twitter</td>
					</tr>
				</tbody>
			</table>
		</div>
		<hr />
		<form>
			<div class="form-group">
				<label for="exampleInputEmail1">Email address</label>
				<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
			</div>
			<div class="form-group">
				<label for="exampleInputPassword1">Password</label>
				<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
			</div>
			<div class="form-group">
				<label for="exampleInputFile">File input</label>
				<input type="file" id="exampleInputFile">
				<p class="help-block">Example block-level help text here.</p>
			</div>
			<div class="checkbox">
				<label>
      <input type="checkbox"> Check me out
    </label>
			</div>
			<button type="submit" class="btn btn-default">Submit</button>
		</form>

		<div>
			<img src="img/58ee68600182eed6.jpg" style="width: 200px;height: 200px;" class="img-circle" />
			<br>
			<hr>
			<span class="glyphicon glyphicon-floppy-open"></span>
		</div>

	</body>

</html>